<!DOCTYPE html>
<!--[if IE 9]>         <html class="ie9 no-focus" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-focus" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>OneUI - Admin Dashboard Template &amp; UI Framework</title>

        <meta name="description" content="OneUI - Admin Dashboard Template &amp; UI Framework created by pixelcave and published on Themeforest">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="assets/img/favicons/favicon.png">

        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-160x160.png" sizes="160x160">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-192x192.png" sizes="192x192">

        <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon-180x180.png">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" id="css-main" href="assets/css/oneui.css">
    </head>
   
    <body>
        
        <div id="page-container" class="sidebar-l sidebar-o side-scroll header-navbar-fixed">
            <!-- Side Overlay-->
               <aside id="side-overlay">
               
                <div id="side-overlay-scroll">
                    
                    <div class="side-header side-content">
                       
                        <button class="btn btn-default pull-right" type="button" data-toggle="layout" data-action="side_overlay_close">
                            <i class="fa fa-times"></i>
                        </button>
                        <span>
                            <img class="img-avatar img-avatar32" src="assets/img/avatars/avatar10.jpg" alt="">
                            <span class="font-w600 push-10-l">Walter Fox</span>
                        </span>
                    </div>                                                         
                </div>
            </aside>

            <!-- Sidebar -->
            <nav id="sidebar">
                <!-- Sidebar Scroll Container -->
                <div id="sidebar-scroll">
                    <!-- Sidebar Content -->
                    <!-- Adding .sidebar-mini-hide to an element will hide it when the sidebar is in mini mode -->
                    <div class="sidebar-content">
                        <!-- Side Header -->
                        <div class="side-header side-content bg-white-op">
                            <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                            <button class="btn btn-link text-gray pull-right hidden-md hidden-lg" type="button" data-toggle="layout" data-action="sidebar_close">
                                <i class="fa fa-times"></i>
                            </button>                       
                            <a class="h5 text-white" href="main.html">
                                <i class="fa fa-circle-o-notch text-primary"></i> <span class="h4 font-w600 sidebar-mini-hide">me</span>
                            </a>
                        </div>
                        <!-- END Side Header -->

                        <!-- Side Content -->
                         <div class="side-content side-content-full">
                            <ul class="nav-main">                                
                                <li class="nav-main-heading"><span class="sidebar-mini-hide">目录</span></li>
                                <li>
                                    <a class="active" href="main.html"><i class="si si-cup"></i><span class="sidebar-mini-hide">首页</span></a>
                                </li>
                                <li>
                                    <a class="" href="allstudy.html"><i class="si si-book-open"></i><span class="sidebar-mini-hide">学习资源</span></a>
                                </li>
                                <li>
                                    <a class="" href="mystudy.html"><i class="si si-book-open"></i><span class="sidebar-mini-hide">我的学习</span></a>
                                </li>
                                <li class="open">
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-grid"></i><span class="sidebar-mini-hide">管理</span></a>
                                    <ul>
                                        <li>
                                            <a class="" href="videomanage.html">视频资源</a>
                                        </li>
                                        <li>
                                            <a class="" href="docmanage.html">文档资源</a>
                                        </li>
                                        <li>
                                            <a class="" href="learnermanage.html">学习者管理</a>
                                        </li>
                                        <li>
                                            <a class="" href="newsource.html">资源上传</a>
                                        </li>
                                        <li>
                                            <a class="" href="audit.html">资源审核</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="open">
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-user"></i><span class="sidebar-mini-hide">个人中心</span></a>
                                    <ul>
                                        <li>
                                            <a class="" href="myself.html">个人信息</a>
                                        </li>
                                        <li>
                                            <a class="" href="mypassword.html">修改密码</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <!-- END Side Content -->
                    </div>
                    <!-- Sidebar Content -->
                </div>
                <!-- END Sidebar Scroll Container -->
            </nav>
            <!-- END Sidebar -->
            
             <!-- Header -->
            <header id="header-navbar" class="content-mini content-mini-full">                            
                <!-- Header Navigation Left -->
                <ul class="nav-header pull-left">
                    <li class="hidden-md hidden-lg">
                        <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                        <button class="btn btn-default" data-toggle="layout" data-action="sidebar_toggle" type="button">
                            <i class="fa fa-navicon"></i>
                        </button>
                    </li>
                    <li class="hidden-xs hidden-sm">
                        <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                        <button class="btn btn-default" data-toggle="layout" data-action="sidebar_mini_toggle" type="button">
                            <i class="fa fa-ellipsis-v"></i>
                        </button>
                    </li>                                                          
                </ul>
            </header>

            <!-- Main Container -->
            <main id="main-container">
                <!-- Page Content -->
                <div class="content content-boxed">
                    <!-- Page Header -->
                    <div class="bg-image overflow-hidden push" style="background-image: url('assets/img/photos/photo36@2x.jpg');">
                        <div class="bg-black-op">
                            <div class="content content-full text-center">
                                <h1 class="h1 font-w700 text-white animated fadeInDown push-50-t push-5">欢迎进入学习管理系统</h1>
                                <h2 class="h3 font-w600 text-white-op animated fadeInDown"></h2>
                            </div>
                        </div>
                    </div>
                    <!-- END Page Header -->

                    <!-- Dashboard Charts -->
                    <!--<div class="row">-->
                        <!--<div class="col-md-6">-->
                            <!--<div class="block block-rounded block-opt-refresh-icon8">-->
                                <!--<div class="block-header bg-gray-lighter">-->
                                    <!--<ul class="block-options">-->
                                        <!--<li>-->
                                            <!--<button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>-->
                                        <!--</li>-->
                                    <!--</ul>-->
                                    <!--<h3 class="block-title">视频学习人数</h3>-->
                                <!--</div>-->
                                <!--<div class="block-content block-content-full text-center">-->
                                    <!--<div class="pull-r-l pull-t pull-b">-->
                                        <!--&lt;!&ndash; Chart.js Charts (initialized in js/pages/base_pages_dashboard_v3.js), for more examples you can check out http://www.chartjs.org/docs/ &ndash;&gt;-->
                                        <!--<canvas class="js-dashv3-chartjs-earnings"></canvas>-->
                                    <!--</div>-->
                                <!--</div>                               -->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-md-6">-->
                            <!--<div class="block block-rounded block-opt-refresh-icon8">-->
                                <!--<div class="block-header bg-gray-lighter">-->
                                    <!--<ul class="block-options">-->
                                        <!--<li>-->
                                            <!--<button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>-->
                                        <!--</li>-->
                                    <!--</ul>-->
                                    <!--<h3 class="block-title">文档学习人数</h3>-->
                                <!--</div>-->
                                <!--<div class="block-content block-content-full text-center">-->
                                    <!--<div class="pull-r-l pull-t pull-b">-->
                                        <!--&lt;!&ndash; Chart.js Charts (initialized in js/pages/base_pages_dashboard_v3.js), for more examples you can check out http://www.chartjs.org/docs/ &ndash;&gt;-->
                                        <!--<canvas class="js-dashv3-chartjs-sales"></canvas>-->
                                    <!--</div>-->
                                <!--</div>                               -->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!-- END Dashboard Charts -->

                    <!-- Top Products and Latest Orders -->
                    <div class="row">
                        <div class="col-lg-6">
                            <!-- Top Products -->
                            <div class="block block-opt-refresh-icon4">
                                <div class="block-header bg-gray-lighter">
                                    <ul class="block-options">
                                        <li>
                                            <button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>
                                        </li>
                                    </ul>
                                    <h3 class="block-title">视频TOP10</h3>
                                </div>
                                <div class="block-content">
                                    <table class="table table-borderless table-striped table-vcenter">
                                        <tbody id="video">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- END Top Products -->
                        </div>
                        <div class="col-lg-6">
                            <!-- Latest Orders -->
                            <div class="block block-opt-refresh-icon4">
                                <div class="block-header bg-gray-lighter">
                                    <ul class="block-options">
                                        <li>
                                            <button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>
                                        </li>
                                    </ul>
                                    <h3 class="block-title">文档TOP10</h3>
                                </div>
                                <div class="block-content">
                                    <table class="table table-borderless table-striped table-vcenter">
                                        <tbody id="doc">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- END Latest Orders -->
                        </div>
                    </div>
                    <!-- END Top Products and Latest Orders -->
                </div>
                <!-- END Page Content -->
            </main>
            <!-- END Main Container -->
           
        </div>
        <!-- END Page Container -->

        <script src="assets/js/core/jquery.min.js"></script>
        <script src="assets/js/core/bootstrap.min.js"></script>
        <script src="assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="assets/js/core/jquery.appear.min.js"></script>
        <script src="assets/js/core/jquery.countTo.min.js"></script>
        <script src="assets/js/core/jquery.placeholder.min.js"></script>
        <script src="assets/js/core/js.cookie.min.js"></script>
        <script src="assets/js/app.js"></script>
        <script src="js/contextPath.js"></script>

        <!-- Page Plugins -->
        <script src="assets/js/plugins/chartjsv2/Chart.min.js"></script>

        <!-- Page JS Code -->
        <script src="assets/js/pages/base_pages_dashboard_v3.js"></script>
        <script>
            $(document).ready(function (){
                $.ajax({
                    url: contextPath+"all/video",
                    contentType : "application/json; charset=utf-8",
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        var videobody1 = $("#video");
                        videobody1.append("<tr><td style=\"text-align: center\">序号</td><td style=\"text-align: center\">名称</td><td style=\"text-align: center\">热度</td>\n" +
                            "<td style=\"text-align: center\">难度</td></tr>");
                        var list = data.list;
                        for(var i=0; i<10||i<list.length; i++){
                            videobody1.append("<tr><td class=\"text-center\"><strong>"+(i+1)+"</strong></td><td>"+list[i].video_name+"<td><strong></strong></td>" +
                                "<td class=\"text-center\">"+list[i].difficulty+"<td>");
                        }
                    }
                });
                $.ajax({
                    url: contextPath+"all/doc",
                    contentType : "application/json; charset=utf-8",
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        var videobody2 = $("#doc");
                        videobody2.append("<tr><td style=\"text-align: center\">序号</td><td style=\"text-align: center\">名称</td><td style=\"text-align: center\">热度</td>\n" +
                            "<td style=\"text-align: center\">难度</td></tr>");
                        var list = data.list;
                        for(var i=0; i<10||i<list.length; i++){
                            videobody2.append("<tr><td class=\"text-center\"><strong>"+(i+1)+"</strong></td><td>"+list[i].doc_name+"<td><strong></strong></td>" +
                                "<td class=\"text-center\">"+list[i].difficulty+"<td>");
                        }
                    }
                });
                return false;
            });
        </script>
    </body>
</html>